<template>
    <div class="literature">
        <div class="item" v-for="(item,index) of literature" :key="index">
            <span>{{ index+'  ' +item}}</span>
            <el-divider></el-divider>
        </div>
    </div>
</template>

<script>
export default {
  name: 'd',
  data () {
    return {
      literature: []
    }
  },
  methods: {
    getinfo () {
    //   alert('123')
      this.literature = this.$store.state.literature
    //   console.log(this.literature)
    }
  },
  mounted () {
    this.getinfo()
  }
}
</script>

<style lang="stylus" scoped>
    .literature{
        color: black
    }
</style>
